$brand-danger: #BF2C24;

section.search {
	margin-bottom: 60px;
	
	.search-box {
		width: 600px;
		margin: auto;
		margin-bottom: 20px;
		
		.form-control {
			border-radius: 0px;
		}
		
		.input-group-addon {
			border-radius: 0px;
			background-color: $brand-danger;
			color: #fff;
			font-size: 24px;
			padding: 0px 20px;
			border-color: $brand-danger;
			
			&:hover {
				background-color: lighten($brand-danger, 5%);
			}
		}
	}
	
	.filter {
		background-color: #f4f4f4;
		padding: 10px;
		margin-bottom: 10px;
		
		>ul {
			margin: 10px;
			
			>li {
				float: left;
				
				>a {
					padding: 0px 10px;
					.num {
						color: #bbb;
					}
				}
				
				&.active {
					background-color: $brand-danger;
					>a {
						color: #fff;
					}
				}
			}
		}
	}
	
	.order {
		background-color: #f4f4f4;
		padding: 10px;
		
		>ul {
			margin: 0px;
			
			>li.active>a {
				color: $brand-danger;
			}
		}
	}
	
	.books {
		
		.book {
			padding: 20px 0px;
			border-bottom: 1px solid #eee;
			
			.media-left {
				height: 180px;
			}
			
			.title {
				margin-top: 0px;
			}
			
			.author {
				color: #999;
				margin-bottom: 10px;
			}
			
			.desc {
				margin-bottom: 10px;
			}
			
			.info {
				padding-top: 14px;
				color: #ccc;
			}
			
		}
	}
	
	.recommend {
		>.title {
			color: #333;
			margin: 0px;
			padding-bottom: 10px;
			border-bottom: 1px solid #ddd;
		}
		
		.books-sm {
			.book-sm {
				display: block;
				padding: 20px 0px;
				border-bottom: 1px solid #f8f8f8;
				transition: transform .3s, box-shadow .5s;
				
				.media-left {
					height: 120px;
				}
				.title {
					margin-top: 0px;
					color: #333;
				}
				.author {
					color: #ccc;
					margin-bottom: 46px;
				}
				.info {
					color: #999;
				}
				&:hover {
					box-shadow: 2px 2px 2px #f4f4f4;
					transform: translate(-2px, -2px);
					
					.title {
						color: $brand-danger;
					}
				}
			}
			>li:last-child .book-sm {
				border-bottom: none;
			}
		}
	}
}